<!DOCTYPE html>
<html>
    <head>
        <title>专辑</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="/css/music/top.css">
        <link rel="stylesheet" href="/css/music/bottom.css">
        <link rel="stylesheet" href="/css/music/special.css">
    </head>
    <body>
        <!-- 头部start -->
        <div class="mainDiv">
            <div class="md1">
                <span class="logSpan">LOVE&nbsp;MUSIC</span>
            </div>
            <div class="md2" id="findMusic">
                <span class="logSpan1" id="find">发现音乐</span>
            </div>
            <div class="md3" id="myMusic">
                <span class="logSpan1">
                    <a href="myMusic.html">我的音乐</a>
                </span>
            </div>
            <div class="md4">
                <span class="res">
                    <a href="login.html">登陆</a>
                    <a href="register.html">注册</a>
                </span>
            </div>
        </div>
        <!-- 头部end -->

        <!-- 菜单start -->
        <div class="menu">
            <div id="hot">
                <span class="menuSpan"><a href="/index.html">热门歌手</a></span>
            </div>
            <div id="top">
                <span class="menuSpan"><a href="/sites/sort.html">排行榜</a></span>
            </div>
            <div id="special">
                <span class="menuSpan"><a href="/sites/special.html">专辑</a></span>
            </div>
            <div id="mv">
                <span class="menuSpan"><a href="/sites/mv.html">MV</a></span>
            </div>
        </div>
        <!-- 菜单end -->

        <div class="clear_both"></div>
        <!--中间部分开始-->

        <div id="sp_main">
            <div style="width:100%; height:150px; border-bottom:#F5F9FA solid 3px;">
                <div class="sp_pictop">
                    <img src="../image/img/sp_top1.jpg"/>
                </div>
                <div class="sp_pictop">
                    <img src="../image/img/sp_top2.jpg"/>
                </div>
                <div class="sp_pictop">
                    <img src="../image/img/sp_top3.jpg"/>
                </div>
                <div class="sp_pictop">
                    <img src="../image/img/sp_top4.jpg"/>
                </div>
            </div>
            <div id="sp_left">
                <div style="width:100%; height:100px; float:left;"></div>
                <div id="sp_left1">
                    <a href="javascript:findMvBySort(1)">
                        <img src="../image/img/sp_p2.jpg" width="60" height="80"/>
                    </a>
                </div>
                <div id="sp_left2">
                    <a href="javascript:findMvBySort(2)">
                        <img src="../image/img/sp_hot1.jpg" width="60" height="80"/>
                    </a>
                </div>
                <div id="sp_left3">
                    <a href="javascript:findMvBySort(3)">
                        <img src="../image/img/sp_new1.jpg" width="60" height="80"/>
                    </a>
                </div>
                <div id="sp_left4">
                    <a href="javascript:findMvBySort(4)">
                        <img src="../image/img/sp_p3.jpg" width="60" height="80"/>
                    </a>
                </div>
                <div style="width:100%; height:100px; float:left;"></div>
            </div>

            <!-- 通过ajax获取后台歌曲的数据 -->
            <div id="sp_right">

                <!--<div id="sp_right1">
                    <div id="sp_shead">
                        <a href="specialone.html?specialid=1"><img src="../image/special/1.jpg" width="100" height="100" />
                        </a>
                    </div>
                    <div id="sp_swrite">
                        <span id="sp_span1">${song.songName}</span><br />
                        <span id="sp_span2">${song.singer.singername}</span><br />
                        <span id="sp_span3">收藏100</span>
                    </div>
                </div>-->

            </div>

        </div>
        <!--中间部分结束-->

        <div class="clear_both"></div>

        <!-- 脚部 start-->
        <div class="footer">
            <div class="bottomDiv">
                <div class="btSpan1">爱音乐网站</div>
                <div class="btSpan1">爱音乐</div>
                <div class="btSpan1">网站</div>
                <div class="btSpan1">LOVEMUSIC</div>
            </div>
            <div class="copyright">
                <div class="crSpan1">&copy; 2018-2020 maxmlr.com</div>
                <div class="crSpan1"><a href="http://www.beian.miit.gov.cn">粤ICP备18153814号-1</a></div>
            </div>
        </div>
        <!-- 脚部end -->
    </body>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/plugins/layer/layer.js"></script>
    <script src="/js/music/base.js"></script>
    <script src="/js/music/special.js"></script>
</html>
